<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
	<title>用户注册</title>
</head>
<body>
	<!-- header.jsp -->
	<jsp:include page="/pages/reception/header.jsp"></jsp:include>
	<!-- /header.jsp -->

	<!-- SECTION -->
	<div class="section">
		<!-- container -->
		<div class="container">
			<!-- row -->
			<div class="row">
				<div class="col-md-12">
					<!-- Billing Details -->
					<div class="billing-details">
						<div class="section-title">
							<h3 class="title">
								<font style="vertical-align: inherit;">
									用户注册<span style="color: red;">&nbsp;&nbsp;${msg}</span>
								</font>
							</h3>
						</div>
						<form class="form-horizontal" method="post" action="/user">
							<input type="hidden" name="method" value="register">
							<div class="form-group">
								<div class="col-md-2">
									<label class="control-label">
										昵称：（必填）
									</label>
								</div>
								<div class="col-md-10">
									<input class="input" type="text" name="username" placeholder="用户名（昵称）" required>
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-2">
									<label class="control-label">
										姓名：（必填）
									</label>
								</div>
								<div class="col-md-10">
									<input class="input" type="text" name="name" placeholder="姓名（确保真实）" required>
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-2">
									<label class="control-label">
										性别：（必选）
									</label>
								</div>
								<div class="col-md-10">
									<label class="radio-inline">
										<input type="radio" name="sex" value="男" checked> 男
									</label>
									<label class="radio-inline">
										<input type="radio" name="sex" value="女"> 女
									</label>
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-2">
									<label class="control-label">
										邮箱：（必填）
									</label>
								</div>
								<div class="col-md-10">
									<input class="input" type="email" name="email" placeholder="邮箱地址" pattern="^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$" required>
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-2">
									<label class="control-label">
										电话：（必填）
									</label>
								</div>
								<div class="col-md-10">
									<input class="input" type="tel" name="telephone" placeholder="电话号码" pattern="1[3456789]\d{9}" required>
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-2">
									<label class="control-label">
										生日：（必选）
									</label>
								</div>
								<div class="col-md-10">
									<input class="input" type="date" name="birthday" placeholder="出生日期" required>
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-2">
									<label class="control-label">
										密码：（必填）
									</label>
								</div>
								<div class="col-md-10">
									<input class="input" type="password" name="password" placeholder="登录密码" required>
								</div>
							</div>

							<div class="form-group">
								<center>
									<button class="btn btn-danger" type="submit">提交</button>
									<button class="btn btn-danger" type="reset">重置</button>
								</center>
							</div>
						</form>
					</div>
					<!-- /Billing Details -->
				</div>
			</div>
			<!-- /row -->
		</div>
		<!-- /container -->
	</div>
	<!-- /SECTION -->

	<!-- footer.jsp -->
	<jsp:include page="/pages/reception/footer.jsp"></jsp:include>
	<!-- /footer.jsp -->

</body>
</html>
